*{
  box-sizing: border-box;
}
.banner {
  height: 33.75rem;
  background-image: url('../image/img_assistant_banner.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  color: #fff;
}
.banner h1{
font-size: 52px;
margin-block-start: 0.31rem;
margin-block-end: 0.31rem;
}
.banner p{
color: #fff;
font-size: 24px;
margin-block-start: 1rem;
margin-block-end: 1rem;
font-weight: 300;
}

.jump{
height: 29.38rem;
}
.jump .jump-box{
  padding-top: 3.13rem;
}
.jump .jump-box .jump-item{
  margin-left: 3.5rem;
  padding: 2.31rem 0;
  display: block;
  width: 20rem;
  height: 23.75rem;
}
.jump .jump-box .jump-item:hover{
  box-shadow: 0rem 0rem 1rem rgba(76, 166, 255, 0.2);
}
.toolbars ul .jdvip #white{
    display: none;
}
.toolbars ul .jdvip:hover #white{
    display: block;
}
.toolbars ul .jdvip:hover #black{
    display: none;
}
.toolbars ul .cart #white{
    display: none;
}
.toolbars ul .cart:hover #white{
    display: block;
}
.toolbars ul .cart:hover #black{
    display: none;
}
.toolbars .toolbars-footer #white{
    display: none;
}
.toolbars .toolbars-footer:hover #white{
    display: block;
}
.toolbars .toolbars-footer:hover #black{
    display: none;
}
.jump .jump-box .jump-item img{
  width: 13.75rem;
  height: 9.14rem;
  display: block; 
  margin: 0 auto;
}
.jump .jump-box .jump-item h3{
  color: #4CA6FF;
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
  margin-block-start: 2.75rem;
  margin-block-end: 1.25rem;
}
.jump .jump-box .jump-item p{
  text-align: center;
  font-size: 1.5rem;
  color: #bbb;
  font-weight: 300;
}

.titleText {
  font-size: 3.25rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: bold;
  color: #333;
}

.swiperSpan {
  padding-right: 2rem;
  font-size: 1.25rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: rgba(102, 102, 102, 1);

}

.textLocation {
  position: absolute;
  top: 12rem;
  right: 0px;
}

.content .title-box p{
  font-size: 1.5rem;
  color: #333;
  font-weight: 300;
}

.content-box div {
  position: relative;
  height: 46.29rem;
  margin-top: 2.75rem 0 6rem 0;
}
.content .content2-bg{
  height: 67.5rem;
  background-image: url('../image/img_assistant_column_2_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.content-box-title {
  text-align: left;
  height: 1.19rem;
  font-size: 1.25rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: rgba(50, 51, 51, 1);
}

.content-box-text {
  line-height: 1.81rem;
  width: 24.69rem;
  height: 2.69rem;
  font-size: 1rem;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: rgba(50, 51, 51, 1);
  text-align: left;
}

.content-main {
  padding-left: 10rem;
  padding-top: 12rem;
}

/*右侧固定图标菜单栏*/
.toolbars{
	position: fixed;
	top: -9rem;
	right: 0;
	height: 100%;
	width: 6px;
}
.toolbars ul{
  	position:absolute;
  	top: 50%;
  	right: 0;
  	transform: translate(0,-40%);
  	z-index: 3;
}
.toolbars ul li{
	width: 3.75rem;
	height: 3.75rem;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	position: relative;
}
.toolbars-footer{
	right: 0;
	background-color: #FFFFFF;
	width: 3.75rem;
	height: 3.75rem;
	z-index: 3;
}
	/*鼠标悬浮后伸出的部分*/
.toolbars .flex{
	position: absolute;
	top: 0;
	right: 3.75rem;
	width: 0;
	overflow: hidden;
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #4CA6FF;
	text-align: center;	
	color: #fff;
	z-index: -1;
	transition: width .3s;
}
	/*鼠标悬浮后的效果*/
.toolbars ul li:hover{
	background-color: #4CA6FF;
	color: #FFFFFF;
}
.toolbars ul li:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}
.toolbars ul li:hover i{
	display: none;
}
.toolbars-footer:hover{
	background-color: #4CA6FF;
}
.toolbars-footer:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}